home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 123 / MacAddict_123_2006_11.iso / Software / Utilities / VelaClock 1.9.wdgt / VelaClock.css < prev    next >
Cascading Style Sheet File  |  2006-08-29  |  29KB  |  1,882 lines
  1. /* Copyright 2005-2006, Vela Design Group.  All rights reserved. */
  2.  
  3. body {
  4.     margin:0;
  5. }
  6.  
  7.  
  8. #back {
  9.     display:none;
  10.     background-image:url(Images/backside.png);
  11.     background-repeat:no-repeat;
  12.     background-position: top left;
  13. }
  14.  
  15. #eulaDiv {
  16.     position:absolute;
  17.     width: 100%;
  18.     height: 100%;
  19.     background:url(Default.png) no-repeat top left;
  20.     display:none;
  21. }
  22.  
  23. #eulaImage {
  24.     position: absolute;
  25.     z-index: 9;
  26.     top: 12px;
  27.     left: 20px;
  28. }
  29.  
  30. #agreeButton {
  31.     position:absolute;
  32.     top: 185px;
  33.     right: 45px;
  34.     height:23px;
  35.     background-color: rgb(150, 150, 150);
  36.     padding: -2px;
  37.     z-index: 10;
  38. }
  39.  
  40. #alertDiv {
  41.     position:absolute;
  42.     width: 100%; /* 210px */
  43.     height: 100%; /* 20px */
  44.     
  45.     /* border-style: solid;
  46.     border-color: white;
  47.     border-width: 3px; */
  48.     
  49.     /* z-index: 10; */
  50.     display: none;
  51. }
  52.  
  53. #alertBack {
  54.     position: absolute;
  55.     left: 42px; /* this is the margin*/
  56.     bottom: 1px;
  57.     z-index: 11;
  58. }
  59.  
  60. #alertClose {
  61.     position: absolute;
  62.     left: 49px;
  63.     bottom: 6px;
  64.     z-index: 12;
  65. }
  66.  
  67. #alertMessage {
  68.     cursor: pointer;
  69.     font-family: "Lucida Grande";
  70.     font-size: 9px;
  71.     color: #0000FF;
  72.     text-decoration: underline;
  73.     
  74.     position: absolute;
  75.     left: 65px;
  76.     bottom: 7px;
  77.     width: auto;
  78.     z-index: 12;
  79. }
  80.  
  81. #overlay {
  82.     position: absolute;
  83.     /* top right bottom left */
  84.     /* margin: 0 20px; */
  85.     margin-left: 10px; 
  86.     width: 93%; /* 255px */
  87.     height: 100%;
  88.     
  89.     display:none;
  90.     background-color: rgba(64, 64, 64, 0.75);
  91.  
  92.     z-index: 19;
  93. }
  94.  
  95. /*
  96. #dialogDivCountainer {
  97.     position:absolute;
  98.     width: 100%;
  99.     height: 100%;
  100.  
  101.     z-index: 20;
  102.     display: none;
  103. }
  104. */
  105.  
  106. #dialogDivContainer {
  107.     /* Add 28px to the top */
  108.     position:absolute;
  109.     width: 100%;
  110.     height: 100%;
  111.  
  112.     z-index: 20;
  113.     display: none;
  114. }
  115.  
  116. #dialogDiv {
  117.     position:absolute;
  118.     top: 28px;
  119.     left: 27px;
  120.     width: 224px; /* width of dialog graphic */
  121. }
  122.  
  123. #dialogBack {
  124.     position:inherit;
  125.     top: 0px;
  126. /*
  127.     position: relative;
  128.     top: 8px;
  129.     left: 27px;
  130.     width: 224px;
  131.     height: 186px;
  132.  
  133.     background-image:url("Images/dialogBack.png");
  134.     background-repeat:no-repeat;
  135.     background-position: top left;
  136.     z-index: 20;
  137. */
  138.  
  139. /*
  140.     position: absolute;
  141.     top: 13px;
  142.     left: 27px;
  143. */
  144. }
  145.  
  146. #dialogTitle {
  147.     font-size: 13px;
  148.     font-family: "Helvetica Neue";
  149.     font-weight: bold;
  150.       text-align: center;
  151.  
  152.     position: inherit;
  153.  
  154.     top: 3px;
  155.     width: 224px;
  156.     /*
  157.     left: 4px;
  158.     width: 224px;
  159.  
  160.     border-style: dotted;
  161.     border-color: fuchsia;
  162.     border-width: 1px;
  163.     */
  164. }
  165.  
  166. .dialogMessageStyle {
  167.     font-size: 12px;
  168.     font-family: "Helvetica Neue";
  169.     font-weight: bold;
  170.     line-height: 1.25em;
  171.     
  172.     position: inherit;
  173.     left: 12px;
  174.     width: 200px;
  175. }
  176.  
  177. #dialogMessage1 {
  178.     top: 38px;
  179. }
  180.  
  181. #dialogMessage2 {
  182.     top: 66px;
  183. }
  184.  
  185. #dialogOKButton {
  186.     position: inherit;
  187.     top: 150px;
  188.     right: 6px;
  189.     width: 66px;
  190.     height: 23px;
  191.     -apple-dashboard-region:dashboard-region(control rectangle);
  192. }
  193.  
  194. #dialogPurchaseButton {
  195.     position: inherit;
  196.     top: 150px;
  197.     left: 8px;
  198.     height: 23px;
  199.     -apple-dashboard-region:dashboard-region(control rectangle);
  200. }
  201.  
  202. #dialogWebSiteButton {
  203.     position: inherit;
  204.     top: 122px;
  205.     left: 8px;
  206.     height: 23px;
  207.     -apple-dashboard-region:dashboard-region(control rectangle);
  208. }
  209.  
  210.  
  211. #tableTop {
  212.     width:276px;
  213.     height:31px;
  214.     background:url(Images/row_1.png) no-repeat top left;
  215. }
  216.  
  217. .tableRowLight {
  218.     width:276px;
  219.     height:25px;
  220.     background:url(Images/row_X_lite.png) no-repeat top left;
  221. }
  222.  
  223. .tableRowDark {
  224.     width:276px;
  225.     height:25px;
  226.     background:url(Images/row_X_dark.png) no-repeat top left;
  227. }
  228.  
  229. .tableBottomLight {
  230.     width:276px;
  231.     height:28px;
  232.     background:url(Images/row_N_lite.png) no-repeat top left;
  233. }
  234.  
  235. .tableBottomDark {
  236.     width:276px;
  237.     height:28px;
  238.     background:url(Images/row_N_dark.png) no-repeat top left;
  239. }
  240.  
  241. #infoBackTop {
  242.     width: 276px;
  243.     height: 5px; /* new:22px old:5px */
  244.     /*background-color: rgba(190,0,0,0.25);*/
  245.     background:url(Images/infoBackTop.png) no-repeat top left;
  246. }
  247.  
  248. #infoBackBottom {
  249.     width: 276px;
  250.     height: 2px; /* new:6px old:2px */
  251.     /*background-color: rgba(190,0,0,0.5);*/
  252.     background:url(Images/infoBackBottom.png) no-repeat top left;
  253. }
  254.  
  255. #infoAreaContainer {
  256.     overflow: hidden;
  257. }
  258.  
  259. #infoArea {
  260.     width:276px;
  261.     height: auto; /* 297px */
  262.     
  263.     background-image:url(Images/infoBackRepeat.png);
  264.     background-repeat:repeat-y;
  265.     background-position: top left;
  266.     /* top right bottom left */
  267.     
  268.     /*
  269.     border-style: dotted;
  270.     border-color: red;
  271.     border-width: 1px;
  272.     */
  273.     /* 
  274.     height: 99px;
  275.     background-image:url(Images/infoBackground.png);
  276.     background-repeat:no-repeat;
  277.     background-position: top left;
  278.     */
  279.     overflow: hidden;
  280. }
  281.  
  282. .infoItemDivContainer {
  283.     height: auto;
  284.     position: inherit;
  285.     display: block;
  286.     overflow: hidden;
  287.     /*
  288.     border-style: dotted;
  289.     border-color: red;
  290.     border-width: 1px;
  291.     */
  292. }
  293.  
  294. #footer {
  295.     /*
  296.     border-style: solid; 
  297.     border-color: red;
  298.     border-width: 1px;
  299.     */
  300.     
  301.     width:276px;
  302.     height:39px; /* 35px */
  303.     z-index: 2;
  304.     background-image:url(Images/borderBottom.png);
  305.     background-repeat:no-repeat;
  306.     background-position: top left;
  307.     display: inline-block; /* added in vc15*/
  308. }
  309.  
  310. .infoItemDivBack {
  311.     /*
  312.     background-image:url("Images/infoBackground.png");
  313.     background-repeat:no-repeat;
  314.     background-position: top left;
  315.     */
  316.     overflow: hidden;
  317. }
  318.  
  319. .infoDivBottom {
  320.     height: 4px;
  321.     width:276px;
  322.     
  323.     background-image:url("Images/paneDivider.png");
  324.     background-repeat:no-repeat;
  325.     background-position: top left;
  326.  
  327.     /*
  328.     margin-left: 22px; 
  329.     width: 83%;
  330.     background-color: rgba(191, 191, 191, 0.4);
  331.     height: 1px;
  332.     */ /* old width: 255px */
  333.  
  334.     /* background-color:fuchsia; */
  335.  
  336.     /*
  337.     border-style: dotted;
  338.     border-color: fuchsia;
  339.     border-width: 1px;
  340.     
  341.     background-image:url("Images/infoBackgroundBottom.png");
  342.     background-repeat:no-repeat;
  343.     background-position: top left;
  344.     */
  345.     z-index: 2;
  346.     overflow: hidden;
  347. }
  348.  
  349.  
  350. #tabBorder {
  351.     position:absolute;
  352.     top: 98px; /* 97px 100px 99px; lives on infoArea div */
  353.     left: 95px; /* 101px 18px */
  354.  
  355.     display:inline-block;
  356.     /* opacity:0.30; */
  357.     /* visibility: hidden; */
  358. }
  359.  
  360. .buttonStyle {
  361.     top: 3px;
  362. }
  363.  
  364. /*
  365. #demoTest {
  366.     position:absolute;
  367.     top: 4px;
  368.     left: 18px;
  369.     
  370.     height: 6px;
  371.     width: 6px;
  372.  
  373.     background-color: rgb(7,41,151);
  374.     
  375.     display:block;
  376. }
  377. */
  378.  
  379. /* infoPopup (added 12 to left) */
  380. #divSunButton {
  381.     position:absolute;
  382.     left: 82px; /* 93px 32px centered: 79px; vc14: 93px; small: 100px */
  383.     
  384.     display:block;
  385. }
  386.  
  387. #divRiseSetButton {
  388.     position:absolute;
  389.     left: 112px;
  390.     
  391.     display:block;
  392. }
  393.  
  394. #divMoonButton {
  395.     position:absolute;
  396.     left: 142px; /* 124px centered: 110px; vc14: 124px; small: 127px 100+23+4 (43px) */
  397.     
  398.     display:block;
  399. }
  400.  
  401. #divTimeButton {
  402.     position:absolute;
  403.     left: 172px; /* 155px centered: 163px; vc14: 155px; small: 153px 127+23+3 (69px) */
  404.     
  405.     display:block;
  406. }
  407.  
  408. #buttonBackground {
  409.     position:absolute;
  410.     top:90px;
  411.     left:92px;
  412. }
  413.  
  414.  
  415. .emphasizedText {
  416.       color: rgb(255,255,255);
  417. }
  418.  
  419. .de-emphasizedText {
  420.     color: rgb(255,255,255);
  421.     opacity: 0.65;
  422.       /* vc16: color: rgb(220,220,220);  with full opacity */
  423. }
  424.  
  425. /*
  426. .titleRollie {
  427.     cursor: pointer;
  428.     
  429.     background-image:none;
  430.     background-repeat:repeat;
  431.     background-position: top left;
  432. }
  433. */
  434.  
  435. /* light level (sun) panel */
  436.  
  437. #curLightDiv {
  438.     position: absolute;
  439.     display:inline-block;
  440.     white-space: nowrap;
  441.     text-align: center;
  442.     
  443.     /* panel top */
  444.     top: 1px; /* 5px vc14: 7px vc12: 8px */
  445.     left: 72px; /* 47px vc14: 53px; vc13: 38px */
  446.       right: 70px; /* 45px added for vc15 */
  447.  
  448.     width: auto;
  449.     padding-top: 1px;
  450.     height: 15px;
  451. }
  452.  
  453. .sunStyle {
  454.     font-size: 12px;
  455.     font-family: "Helvetica Neue";
  456.     /*
  457.     font-size: 11px;
  458.     font-family: "Helvetica Neue";
  459.       */
  460.       /* color: #ffffff; */
  461.     display:inline-block;
  462. }
  463.  
  464. #currentLightTitle {
  465.     width: auto;
  466. }
  467.  
  468. #lightDot {
  469.     margin-bottom: 2px;
  470.     
  471.     /* vc14 
  472.     padding-left: 2px;
  473.     padding-bottom: 2px; */
  474.     /* image is 3px width by 11px high*/
  475.     
  476.     /*
  477.     padding-left: 2px;
  478.     width: 3px;
  479.     height: 9px;
  480.     */
  481. }
  482.  
  483. #currentLight {
  484.     width: auto;
  485. }
  486.  
  487. #daylight-Image {
  488.     position: absolute;
  489.     left:24px;
  490.     top: 31px; /* vc14: 32px; 34px vc12:36px */
  491.     
  492.     /*
  493.     border-style: solid;
  494.     border-color: #5a2f25;
  495.     border-width: 1px;
  496.     */
  497. }
  498.  
  499. #timePt-Image {
  500.     position: absolute;
  501.     margin-left: 19px; /* 15px graphic is 11 x 14 (old: 7 x 14; 17px) */
  502.     /* padding-left: 2px;  new */
  503.     left: 0px;
  504.     top: 25px; /* vc14: 26px vc12: 28px */
  505.     width: 11px;
  506.     height: 19px; /* vc12: 14px*/
  507.     
  508.     z-index: 3;
  509. }
  510.  
  511. .timeLabel {
  512.     position: absolute;
  513.     margin-left:24px; /* 20px */
  514.     font-family: "Helvetica Neue";
  515.     font-size: 11px; /* 8.5px */
  516.     /* letter-spacing: -0.1em; */
  517.  
  518.     /* font-family: "Lucida Grande";
  519.     font-size: 7px; */
  520.     
  521.     /*
  522.     border-style: solid;
  523.     border-color: #5a2f25;
  524.     border-width: 1px;
  525.     */
  526.     
  527.     top: 58px; /* vc14: 59px; 50px vc12:48px */
  528.     width:14px;
  529.     height:10px;
  530.     text-align:center;
  531. }
  532.  
  533. #time03 { left: 21px;} /* 22px */
  534. #time06 { left: 50px;} /* 51px */
  535. #time09 { left: 78px;} /* 81px */
  536. #time12 { left: 106px;} /* 109px */
  537. #time15 { left: 134px;} /* 139px */
  538. #time18 { left: 163px;} /* 168px */
  539. #time21 { left: 191px;} /* 198px */
  540.  
  541. #daylightDiv {
  542.     position: absolute;
  543.     font-size: 11px;
  544.  
  545.     top: 75px; /* 35px */
  546.     left: 32px; /* 62px 45px 52px */
  547.     width: 212px;
  548.     /*
  549.     border-style: dotted;
  550.     border-color: fuchsia;
  551.     border-width: 1px;
  552.     */
  553. }
  554.  
  555. #daylightDuration {
  556.     position: relative;
  557.     width: auto;
  558. }
  559.  
  560. #changeInMinutes {
  561.     position: relative;
  562.     
  563.     font-family: Courier;
  564.     font-size: 11px;
  565.     
  566.     text-align: right;
  567.     float: right;
  568.     word-spacing: -0.2em;
  569.     /*
  570.     margin-top: -1px;
  571.     border-style: dotted;
  572.     border-color: red;
  573.     border-width: 1px;
  574.     */
  575.     
  576.     /* top: 77px;
  577.     right: 28px;
  578.     left: 215px; */
  579.     width: auto;
  580. }
  581.  
  582. /* rise/set times panel */
  583.  
  584. .riseSetStyle {
  585.     position: relative;
  586.     display: inline-block;
  587.     white-space: nowrap;
  588.     /*
  589.     border-style: dotted;
  590.     border-color: fuchsia;
  591.     border-width: 1px;
  592.     */
  593.     font-family: "Helvetica Neue";
  594.       font-size: 11px;
  595. }
  596.  
  597. .riseSetTitle {
  598.       text-align: right;    
  599.     height: auto;
  600. }
  601.  
  602. .sunRiseSetTitle {
  603.     width: 44px;
  604. }
  605.  
  606. .moonRiseSetTitle {
  607.     width: 50px;
  608. }
  609.  
  610. .riseSetTime {
  611.       text-align: right;
  612.     width: 28px;
  613.     height: auto;
  614. }
  615.  
  616. .riseSetAMPMStyle {
  617.     text-align: left;
  618.     width: 18px;
  619.     height: auto;
  620. }
  621.  
  622. .riseSetDivStyle {
  623.     position: absolute;
  624. }
  625.  
  626. /* panel top */
  627. #sunRiseDiv        { top:  2px; left: 35px; }
  628. #sunSetDiv        { top: 16px; left: 35px; }
  629.  
  630. #moonRiseDiv    { top:  2px; left: 146px; }
  631. #moonSetDiv        { top: 16px; left: 146px; }
  632.  
  633. .twilightTitle {
  634.       text-align: right;    
  635.     width: 144px;
  636.     height: auto;
  637. }
  638.  
  639. #twilightDivMain {
  640.     top: 36px; /* 33px */
  641.     left: 32px;
  642.     font-size: 11px;
  643.       /* line-height: 11px;  reduces line height (font-size is 11px) */
  644.     /*
  645.     border-style: dotted;
  646.     border-color: fuchsia;
  647.     border-width: 1px;
  648.     */
  649. }
  650.  
  651.  
  652. /* moon panel */
  653.  
  654. #curPhase-Image {
  655.     position: absolute;
  656.     left: 102px;  /* vc14: 101px; temp-vc15: 24px; 106px 111px */
  657.     top: 25px; /* 22px vc14: 21px; 5px 34px */
  658.     /* display:none; */
  659. }
  660.  
  661.  
  662. #prevPhase-Image {
  663.     position: absolute;
  664.     left: 38px; /* 39px */
  665.     top: 38px; /* vc12: 40px */
  666.  
  667.     /*
  668.     border-style: solid;
  669.     border-color: #5a2f25;
  670.     border-width: 1px;
  671.     */
  672. }
  673.  
  674. #nextPhase-Image {
  675.     position: absolute;
  676.     left: 208px;
  677.     top: 38px; /* vc12: 41px */
  678.  
  679.     /*
  680.     border-style: solid;
  681.     border-color: #5a2f25;
  682.     border-width: 1px;
  683.     */
  684. }
  685.  
  686. #curPhaseTitleDiv {
  687.     position: absolute;
  688.     display: inline-block;
  689.     white-space: nowrap;
  690.     text-align: center;
  691.     
  692.     /* panel top */
  693.     top: 2px; /* 5px */
  694.     left: 72px; /* 35px = 47 - 12(width of curPhaseDot) */
  695.       right: 70px; /* 45px */
  696.  
  697.     width: auto;
  698.     padding-top: 1px;
  699.     height: 15px;
  700. }
  701.  
  702. .curPhaseStyle {
  703.     font-family: "Helvetica Neue";
  704.       font-size: 12px;
  705.       text-align: center;
  706.     
  707.     /*
  708.     curLightDiv
  709.     
  710.     border-style: dotted;
  711.     border-color: fuchsia;
  712.     border-width: 1px;
  713.     
  714.     position: absolute;
  715.       left: 77px;
  716.       right: 75px;
  717.     
  718.     width: auto;
  719.     height: auto;
  720.     */
  721. }
  722.  
  723. #curPhaseDot {
  724.     /* padding-bottom: 2px; */
  725.     
  726.     width: 15px;
  727.     height: 15px;
  728.  
  729.     display: inline-block;
  730. }
  731.  
  732. #curPhaseTitle {
  733.     display: inline-block;
  734.     width: auto;
  735. }
  736.  
  737.     /*
  738.     border-style: dotted;
  739.     border-color: fuchsia;
  740.     border-width: 1px;
  741.     */
  742.  
  743. .moonPhasePrevNextName {
  744.     font-size: 11px; /* vc12: 10px */
  745. }
  746.  
  747. .moonPhaseTimeCur {
  748.     font-size: 11px; /* vc12: 10px */
  749. }
  750.  
  751. .moonPhaseDate {
  752.     font-size: 10px; /* vc12: 9px */
  753. }
  754.  
  755. .moonPhaseTime {
  756.     font-size: 10px; /* vc12: 9px */
  757.     width: 46px;
  758.       text-align: center;
  759. }
  760.  
  761. .prevNextPhaseTitle {
  762.     position: absolute;
  763.     
  764.     font-family: "Helvetica Neue";
  765.       text-align: center;
  766.     
  767.     width: 66px;
  768.     height: auto;
  769. }
  770.  
  771. /*
  772. #curPhaseTime {
  773.     left: 105px;
  774.     top: 86px;
  775. }
  776. */
  777.  
  778. #prevPhaseTitle {
  779.     left: 20px;
  780.     top: 24px; /* vc12: 26px */
  781. }
  782.  
  783. #prevPhaseDate {
  784.     left: 20px;
  785.     top: 70px; /* vc12: 72px */
  786. }
  787.  
  788. #prevPhaseTime {
  789.     left: 20px;
  790.     top: 82px; /* vc12: 83px */
  791. }
  792.  
  793. #nextPhaseTitle {
  794.     left: 190px;
  795.     top: 24px; /* vc12: 26px */
  796. }
  797.  
  798. #nextPhaseDate {
  799.     left: 190px;
  800.     top: 70px; /* vc12: 72px */
  801. }
  802.  
  803. #nextPhaseTime {
  804.     left: 190px;
  805.     top: 82px; /* vc12: 83px */
  806. }
  807.  
  808.  
  809.  
  810. /* time panel */
  811. .clockPosition {
  812.     position: absolute;
  813.     left: 90px; /* 90px vc16: 26px */
  814.     top: 21px; /* vc16: 20px vc14: 6px */
  815. }
  816.  
  817. #clockFace {
  818.     z-index:1;
  819. }
  820.  
  821. #clockHandsScrew {
  822.     /* 95*95 - 14*46 */
  823.     /* clockPosition: 90 21 */
  824.     position: absolute;
  825.     left: 130px;  /* 130.5 = 90 + (95/2) - (14/2) */
  826.     top: 29px;     /* 91.5 = 21 + (95/2) - (46-7) */
  827.     z-index: 3;
  828.  
  829.     /* visibility: hidden; */
  830. }
  831.  
  832.  
  833. #clockCrossHairs {
  834.     z-index:4;
  835.     visibility: hidden
  836. }
  837.  
  838. #clock-canvas {
  839.     z-index:2;
  840. }
  841.  
  842.  
  843. #localDate {
  844.     white-space: nowrap;
  845.       text-align: left; /* vc16: center */
  846.     font-size: 12px; /* vc12: 11px */
  847.     
  848.     /* panel top */    
  849.     /* cursor: pointer; */
  850.     
  851.     top: 2px; /* 5px vc14: 8px vc12: 12px */
  852.     /* left: 72px;
  853.       right: 70px; */
  854.     left: 34px; /* 24px 42px; vc14: 126px vc13: 137px */
  855.     width: 100px; /* 70px; vc14: auto vc12: 12px */
  856.     padding-top: 1px;
  857.     height: 15px;
  858.     
  859.     /*
  860.     border-style: dotted;
  861.     border-color: fuchsia;
  862.     border-width: 1px;
  863.     */
  864. }
  865.  
  866. .localTimeTitle {
  867.     font-family: "Helvetica Neue";
  868.     font-size: 11px; /* vc14: 12px vc12: 11px */
  869.     display:inline-block;
  870. }
  871.  
  872. #localTime {
  873.     width: 32px;
  874.     text-align: right;
  875. }
  876.  
  877. #localTimeSeconds {
  878.     margin-left: -4px;
  879.     width: auto;
  880. }
  881.  
  882. #localTimeAMPM {
  883.     width: auto;
  884. }
  885.  
  886. .timeTitle {
  887.     position: absolute;
  888.     font-family: "Helvetica Neue";
  889.     font-size: 12px; /* vc14: 11px vc12: 10px */
  890.       /* color: #ffffff; */
  891.       text-align: left;
  892.     
  893.     height: auto;
  894.     display:inline-block;
  895. }
  896.  
  897. #localTimeDiv {
  898.     position: absolute;
  899. }
  900.  
  901. .localTimeDivStyle {
  902.     text-align: left;
  903.     
  904.     top: 3px; /* vc16: 30px vc14: 23px vc12: 24px */
  905.     margin-bottom: 1px;
  906.     left: 186px; /* 186px */
  907.     width: auto; /* 69px */
  908.  
  909.     display:inline-block;
  910. }
  911.  
  912. .timeLeftMargin {
  913.     left: 192px; /* 194px */
  914.     font-size: 12px;
  915. }
  916.  
  917.  
  918. /*
  919. #dayOfWeek {
  920.     top: 36px;
  921.     left: 42px;
  922.     width: auto;
  923. }
  924. */
  925.  
  926. #utc_tzAbbr {
  927.     /* panel top */
  928.     top: 3px; /* 17px : 1 px lower than localDate. vc14: 59px 81px vc13: 82px vc12: 77px */
  929.     left: 142px;
  930.     margin-top: 1px;
  931.  
  932.       text-align: right;
  933.     font-size: 11px;
  934.     width: 110px;
  935. }
  936.  
  937. #tzAbbr {
  938.     top: 25px; /* 21px */
  939.     font-size: 11px;
  940.     width: auto;
  941. }
  942.  
  943. #utcOffset {
  944.     top: 37px;
  945.     font-size: 11px;
  946.     width: auto;
  947. }
  948.  
  949. #dst {
  950.     top: 60px; /* vc16: 81px top: 36px; vc14: 81px 44px */
  951.     bottom: 113px;
  952.     /* left: 34px; vc14: 126px; vc13: 137px */
  953.     width: 52px; /* 52px vc16: auto */
  954.     
  955.     font-size: 11px;
  956.  
  957. }
  958.  
  959. #relativeTime {
  960.     top: 60px; /* vc14: 46px 21px; vc14: 44px vc13: 66px vc12: 52px */
  961.     left: 34px;
  962.     font-size: 11px;
  963.     /*
  964.     border-style: dotted;
  965.     border-color: fuchsia;
  966.     border-width: 1px;
  967.     */
  968.     width: 50px;
  969. }
  970.  
  971. #season {
  972.     top: 25px;
  973.     left: 34px;
  974.     font-size: 11px;
  975.     width: 60px;
  976. }
  977.  
  978.  
  979. /*
  980. .timeZoneTitle {
  981.     position:absolute;
  982.     
  983.     color: #000000;
  984.       text-align: center;
  985.  
  986.     font-family: "Helvetica Neue";
  987.     font-size: 9px;
  988.     white-space:nowrap;
  989.  
  990.     border: 1px;
  991.     border-color: #000000;
  992.     border-style: solid;
  993.     background-color: rgb(250,250,250);
  994.     height: auto;
  995. }
  996. #tzAbbr {
  997.     top:68px;
  998.     left:135px;
  999.     width: 36px;
  1000. }
  1001.  
  1002. #utcOffset {
  1003.     top:68px;
  1004.     left:180px;    
  1005.     width: 57px;
  1006. }
  1007.  
  1008. */
  1009.  
  1010. .placeTitle {
  1011.     cursor: pointer;
  1012.     /* pointer-events: none; */
  1013.     width: 256px;
  1014.     height: 12px;
  1015.     /* padding: 4px; */
  1016.     padding-left: 4px;
  1017.     padding-right: 4px;
  1018.     padding-top: 3px;
  1019.     padding-bottom: 5px;
  1020.     margin: 5px auto;
  1021.     z-index:1;
  1022. }
  1023.  
  1024. img.flag {
  1025.     margin-left:4px; 
  1026.     margin-right:2px;
  1027.     /* margin-bottom:2px; */
  1028.     position: absolute;
  1029.     padding-top: 0px;
  1030.     left: 14px; /* 10px */
  1031.     z-index:1;
  1032. }
  1033.  
  1034. span.place {
  1035.     font-family: "Helvetica Neue";
  1036.     font-size: 14px;
  1037.     margin-left: 42px; /*2px*/
  1038.     margin-bottom: 1px;
  1039.     
  1040.     overflow:hidden;
  1041.     white-space:nowrap;
  1042.     text-overflow:ellipsis;
  1043.     
  1044.     /*
  1045.     border-style:solid;
  1046.     border-color: #5a2f25;
  1047.     border-width: 1px;
  1048.     */
  1049.     
  1050.     text-shadow: #666666 0px -1px 1px;
  1051.       text-align: left;    /* left center right */
  1052.       font-weight: bold;
  1053.     color: #ffffff;
  1054.     display:inline-block;
  1055.     width:120px;
  1056. }
  1057.  
  1058. img.digTimeBg {
  1059.     /* margin-left: -10px; */
  1060.     /*margin-right:2px;*/
  1061.     margin-top: -1px; /* 1px */
  1062.     /*margin-bottom: 4px;  2px */
  1063.     position: absolute;
  1064.     left: 177px; /* and for Euro time "left: 195px;"*/
  1065.     z-index:0;
  1066. }
  1067.  
  1068. img.light {
  1069.     margin-right: 2px;
  1070.     margin-bottom: 5px;
  1071.     position: relative;
  1072.     padding-top: 0px;
  1073.     left: 71px; /* 69px */
  1074.     /* width: 3px; */
  1075.     
  1076.     visibility:visible;
  1077.     z-index:2;
  1078. }
  1079.  
  1080. span.digSun {
  1081.       /* text-shadow: #CCCCCC 0px -1px 1px;  experiment with the color */
  1082.       color: #000000;
  1083. }
  1084.  
  1085. span.digNight {
  1086.       /* text-shadow: #666666 0px -1px 1px; */
  1087.       color: #ffffff;
  1088. }
  1089.  
  1090. span.digTimeAMPM {
  1091.     position:relative;
  1092.     margin-left: 2px;
  1093.     bottom: 4px; /* 3px 5px */
  1094.     /*
  1095.     margin-left: 2px;
  1096.     margin-bottom: 4px;
  1097.  
  1098.     border-style:solid;
  1099.     border-color: #5a2f25;
  1100.     border-width: 1px;
  1101.     */
  1102.     font: 9px "Helvetica Neue";
  1103.       font-weight: bold;
  1104.      display:inline-block;
  1105.       text-align: left;
  1106. }
  1107.  
  1108. span.digTime12 {
  1109.     position:relative;
  1110.       text-align: right;
  1111.     margin-left: 4px; /* vc14:6px */
  1112.     width: 42px;
  1113.     bottom: 2px; /* 1px */
  1114.     /*
  1115.     border-style:solid;
  1116.     border-color: #5a2f25;
  1117.     border-width: 1px;
  1118.     */
  1119.     font: 14px "Helvetica Neue";
  1120.       font-weight: bold;
  1121.     letter-spacing: 0.1em;
  1122.      display:inline-block;
  1123. }
  1124.  
  1125. span.digTime24 {
  1126.     position:relative;
  1127.     padding-left: 17px;
  1128.     margin-left: 4px; /* vc14:6px */
  1129.     width: 42px;
  1130.     bottom: 2px; /* 1px */
  1131.     /*
  1132.     border-style:solid;
  1133.     border-color: #5a2f25;
  1134.     border-width: 1px;
  1135.     */
  1136.     font: 14px "Helvetica Neue";
  1137.       font-weight: bold;
  1138.     letter-spacing: 0.1em;
  1139.      display:inline-block;
  1140.       text-align: right;
  1141. }
  1142.  
  1143.  
  1144. #placesHeader {
  1145.     position: absolute;
  1146.     width: 276px;
  1147.     /* width: 184px; */
  1148.     left: 5px;
  1149.     top:2px;
  1150. }
  1151.  
  1152. /* panel top */
  1153. .divButtonStyle {
  1154.     cursor: pointer;
  1155.     position: absolute;
  1156.     
  1157.     top: 5px; /* 6px */
  1158.     left: 21px; /* 21px */
  1159.     /* right: 23px; */
  1160.  
  1161.     opacity: 0.0;
  1162.     /* z-index:6; */
  1163. }
  1164.  
  1165.  
  1166. .flipStyle {
  1167.     position:absolute;
  1168.     left:244px; /* 175px */
  1169.     top: 2px; /* 1px */
  1170.     width:13px;
  1171.     height:13px;
  1172. }
  1173.  
  1174. #flip {
  1175.     opacity:0;
  1176.     background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
  1177. }
  1178.  
  1179. #fliprollie {
  1180.     display:none;
  1181.     opacity:0.25;
  1182.     background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
  1183. }
  1184.  
  1185.  
  1186. .background {
  1187.     position:absolute;
  1188.     top: 0;
  1189.     left: 0;
  1190.     z-index:-5;
  1191. }
  1192.  
  1193. #selection {
  1194.     position:absolute; 
  1195.     top: 3px; /* 6px */
  1196.     left: 0px; /* Old: 17px 10px */
  1197. }
  1198.  
  1199. .relative {
  1200.     position:relative;
  1201. }
  1202.  
  1203. /*
  1204. #secondStatus {
  1205.     position:absolute;
  1206.     left:20px;
  1207.     top:2px;
  1208.     font: 9px "Helvetica Neue";
  1209.       font-weight: bold;
  1210.       color: rgb(166,179,202);
  1211.       text-shadow: rgba(0,0,0,0.5) 0px -1px 1px;
  1212. }
  1213. */
  1214.  
  1215. /* popup menu */
  1216. .dropDownMenu {
  1217.     font: 11px "Helvetica Neue";
  1218.     position:absolute;
  1219.     left: 37px; /* 30px 55px 15px 19px */
  1220.     width: 128px; /* 131px 132px */
  1221.     z-index:2;
  1222. }
  1223.  
  1224. #region-dropDownMenu {
  1225.     top: 29px; /* vc16:25px 6px */
  1226. }
  1227.  
  1228. #city-dropDownMenu {
  1229.     top: 49px; /* vc16:45px 26px */
  1230. }
  1231.  
  1232. #sortDiv {
  1233.     position:absolute;
  1234.     top: 70px;  /* vc16:65px */
  1235.     left: 37px;
  1236. }
  1237.  
  1238. #sortText {
  1239.     text-align: left;
  1240.     font-family: "Lucida Grande"; /* "Helvetica Neue" */
  1241.     font-size: 9px;
  1242.     color: white;
  1243.  
  1244.     cursor: default;
  1245.     pointer-events: none;
  1246. }
  1247.  
  1248. #backsideContentArea {
  1249.     width: 276px; /* 276px */
  1250.     height: 293px; /* vc16:258px vc13:208px */
  1251.     /*
  1252.     background-image:url(Images/backside1.png);
  1253.     background-repeat:no-repeat;
  1254.     background-position: top left;
  1255.     */
  1256.     overflow:visible; /* visible hidden */
  1257. }
  1258.  
  1259. #backsideLowerArea {
  1260.     width: 276px; /* 276px */
  1261.     height: 107px; /* 120px 110px 85px 96px 100px 110px */
  1262.     /*
  1263.     background-image:url(Images/backside2.png);
  1264.     background-repeat:no-repeat;
  1265.     background-position: top left;
  1266.     */
  1267.     overflow:visible; /* visible hidden */
  1268. }
  1269.  
  1270.  
  1271. #citiesDiv {
  1272.      display:inline-block;
  1273. }
  1274.  
  1275. #settingsDiv {
  1276.      display:none;
  1277. }
  1278.  
  1279. #helpDiv {
  1280.      display:none;
  1281. }
  1282.  
  1283. #helpContentDiv {
  1284.     position:absolute;
  1285.     /* margin: 12px; */
  1286.     
  1287.     top: 29px; /* vc16:25px */
  1288.     left: 33px;
  1289.     width: 207px;
  1290.     height: 220px; /* vc16:194px vc13:148px */
  1291.     
  1292.     color: white;
  1293.     /* background-color: rgb(55,61,65); */
  1294.  
  1295.     border-style:solid;
  1296.     border-color: ffffff; /* grey #5a2f25 */
  1297.     border-width: 1px;
  1298.  
  1299.     overflow: auto;
  1300. }
  1301.  
  1302. #helpInnerContentDiv {
  1303.     position: relative;
  1304.     height: auto;
  1305.     margin: 6px;
  1306. }
  1307.  
  1308. .helpTitle {
  1309.     margin-top: 6px;
  1310.     font-size: 13px;
  1311.     font-family: "Lucida Grande";
  1312. }
  1313.  
  1314. .helpBody {
  1315.     margin-top: 2px;
  1316.     margin-left: 6px;
  1317.     font-size: 9px;
  1318.     font-family: "Lucida Grande";
  1319. }
  1320.  
  1321. /*
  1322. .helpList {
  1323.     font-size: 9px;
  1324.     font-family: "Lucida Grande";
  1325.     margin-left: 6px;
  1326.  
  1327.     list-style-type: disc;
  1328.     display: list-item;
  1329. }
  1330. */
  1331.  
  1332. #creditsDiv {
  1333.      display:none;
  1334. }
  1335.  
  1336. #creditsContentDiv {
  1337.     position:absolute;
  1338.     top: 29px; /* vc16:25px 31px 25px */
  1339.     left: 33px; /* 40px 30px */
  1340.     width: 207px;
  1341.     height: 220px; /* vc16:194px vc13:148px */
  1342.     
  1343.     /* background-color: rgb(254,254,254); */
  1344.  
  1345.     border-style:solid;
  1346.     border-color: #ffffff; /* #5a2f25 */
  1347.     border-width: 1px;
  1348.  
  1349.     overflow: auto;
  1350. }
  1351.  
  1352. .creditsStyle {
  1353.     color: #ffffff;
  1354.       text-align: left;
  1355.     position: relative;
  1356.     font-size: 10px;
  1357.     /* font-family: "Helvetica Neue"; */
  1358.     font-family: "Lucida Grande";
  1359. }
  1360.  
  1361. #wTitle {
  1362.     margin-top: 1px;
  1363.     /* margin-bottom: 2px; */
  1364.       font-weight: bold;
  1365.       text-align: center;
  1366.     
  1367.     font-size: 14px;
  1368. }
  1369.  
  1370. #creators {
  1371.     margin-top: 4px;
  1372.     margin-bottom: 2px;
  1373.       font-weight: bold;
  1374.       text-align: center;
  1375.     
  1376.     font-size: 12px;
  1377. }
  1378.  
  1379. .creatorTableStyle {
  1380.     margin-left: 10px;
  1381. }
  1382.  
  1383. .creatorStyle {
  1384.     width: 90px;
  1385.     font-size: 10px;
  1386.     margin-left: 4px;
  1387. }
  1388.  
  1389. .roleStyle {
  1390.       text-align: right;
  1391.     font-size: 10px;
  1392.     width: 65px;
  1393. }
  1394.  
  1395. #credits {
  1396.     margin-top: 8px;
  1397.     /* margin-bottom: 2px; */
  1398.       font-weight: bold;
  1399.       text-align: center;
  1400.     font-size: 12px;
  1401. }
  1402.  
  1403. .source1TableStyle {
  1404.     margin-left: 20px;
  1405. }
  1406.  
  1407. .sourceStyle {
  1408.     color: #ffffff;
  1409.     position: relative;
  1410.     /* font-family: "Helvetica Neue"; */
  1411.     font-family: "Lucida Grande";
  1412.       text-align: left;
  1413. }
  1414.  
  1415. .sourceTitle {
  1416.     margin-left: 2px;
  1417.     margin-top: 5px;
  1418.       /*font-weight: bold;*/
  1419.     font-size: 10px;
  1420. }
  1421. .sourceDesc {
  1422.     margin-left: 2px;
  1423.     font-size: 9px;
  1424. }
  1425. .sourcePerm {
  1426.     margin-top: 2px;
  1427.     margin-left: 2px;
  1428.     font-size: 8px;
  1429. }
  1430.  
  1431. .source1Style {
  1432.     color: #ffffff;
  1433.       text-align: left;
  1434.     position: relative;
  1435.     font-size: 10px;
  1436.     /* font-family: "Helvetica Neue"; */
  1437.     font-family: "Lucida Grande";
  1438. }
  1439.  
  1440. .source1TitleStyle {
  1441.       text-align: right;
  1442.     font-size: 9px;
  1443.     width: 50px;
  1444. }
  1445.  
  1446. .source1Desc {
  1447.     /* margin-left: 6px; */
  1448.     font-size: 9px;
  1449.     width: 100px;
  1450. }
  1451.  
  1452. #source1TitleA {
  1453.     margin-top: -1px;
  1454.     vertical-align: top;
  1455.     display:inline-block;
  1456. }
  1457.  
  1458. #source2Link {
  1459.     cursor: pointer;
  1460.     /* pointer-events: none; */
  1461.     color: #bfe2f9; /* blue */
  1462.     text-decoration: underline;
  1463. }
  1464.  
  1465. .dividingLineStyle {
  1466.     border-bottom-style: groove;
  1467.     border-bottom-color: #ffffff;
  1468.     border-bottom-width: thin;
  1469.  
  1470.     margin-top: 4px;
  1471.     margin-left: 75px;
  1472.       text-align: center;
  1473.     
  1474.     width: 40px;
  1475.     height: 4px;
  1476. }
  1477.  
  1478.  
  1479. .backsideMenu {
  1480.     font: 11px "Helvetica Neue";
  1481.     position:absolute;
  1482.     width: 100px;
  1483.     z-index:2;
  1484. }
  1485.  
  1486. #content-backsideMenu {
  1487.     left: 86px;
  1488.     top: 215px; /* 182px */
  1489. }
  1490.  
  1491. #backTab1 {
  1492.     position:absolute;
  1493.     bottom: 111px;
  1494.     /* top: 184px; vc13 */
  1495.     left: 33px; /* 33px */
  1496. }
  1497.  
  1498. #backTab2 {
  1499.     position:absolute;
  1500.     bottom: 111px;
  1501.     /* top: 184px; vc13 */
  1502.     left: 83px; /* 71px 93px */
  1503. }
  1504.  
  1505. #backTab3 {
  1506.     position:absolute;
  1507.     bottom: 111px;
  1508.     /* top: 184px; vc13 */
  1509.     left: 143px; /* 130px 155px */
  1510. }
  1511.  
  1512. #backTab4 {
  1513.     position:absolute;
  1514.     bottom: 111px;
  1515.     /* top: 184px; vc13 */
  1516.     left: 185px; /* 175px 201px */
  1517. }
  1518.  
  1519.  
  1520. /*
  1521. #addbutton {
  1522.     position:absolute;
  1523.     top: 34px;
  1524.     left: 185px;
  1525.     -apple-dashboard-region:dashboard-region(control rectangle);
  1526. }
  1527. */
  1528.  
  1529. /*
  1530. #logo {
  1531.     position:absolute;
  1532.     left:30px;
  1533.     top:200px;
  1534. }
  1535. */
  1536.  
  1537. #citiesLabel {
  1538.     position:absolute;
  1539.     top: 110px; /* vc16:94px 73px */
  1540.     left: 37px;
  1541.     font: 10px "Helvetica Neue";
  1542.     font-weight: bold;
  1543.     color:white;
  1544. }
  1545.  
  1546. #list {
  1547.     position: absolute;
  1548.     top: 124px; /* vc16:108px vc12:87px 74px 55px */
  1549.     left: 37px;
  1550.     width: 128px;
  1551.     height: 119px; /* vc16:102px vc13:68px vc12:85px 102px 120px */
  1552.     border-bottom:1px solid rgb(102, 102, 102);
  1553.     border-top: 1px solid rgb(0, 0, 0);
  1554.     border-left: 1px solid rgb(77, 77, 77);
  1555.     border-right:  1px solid rgb(77, 77, 77);
  1556.     overflow:auto;
  1557. }
  1558.  
  1559. #inner-list {
  1560.     width:100%;
  1561.     min-height: 119px; /* vc16:102px vc13:68px vc12:85px 102px 120px */
  1562.     background:url(Images/listBackground.png) repeat-y top left;
  1563. }
  1564.  
  1565. .row {
  1566.     height:17px;
  1567. }
  1568.  
  1569. .placesColumn {
  1570.     position:absolute;
  1571.     left:4px;
  1572.     width:102px; /* (102 = 143 - 41) (143 = 46+97) 46px */
  1573.     overflow:hidden;
  1574.     white-space:nowrap;
  1575.     text-overflow:ellipsis;
  1576.     font: 11px "Lucida Grande";
  1577. }
  1578.  
  1579. .select {
  1580.     background-color:rgb(56,116,209);
  1581.     color:white;
  1582. }
  1583.  
  1584. div.select span {
  1585.     color:white;
  1586. }
  1587.  
  1588. #addHint {
  1589.     position: absolute;
  1590.     font: 8px "Lucida Grande";
  1591.     color: white;
  1592.       text-align: center;
  1593.     top: 63px; /* vc16:59px */
  1594.     left: 175px;
  1595.     width: 70px;
  1596.     /*
  1597.     height: 40px;
  1598.     
  1599.     border-style: solid;
  1600.     border-color: white;
  1601.     border-width: 1px;
  1602.     */
  1603. }
  1604.  
  1605. #addPlace {
  1606.     position:absolute;
  1607.     top: 38px;  /* vc16:34px 42px 25px */
  1608.     left: 175px; /* 185px */
  1609.     height:23px;
  1610. }
  1611.  
  1612. #moveUp {
  1613.     position:absolute;
  1614.     top: 189px; /* vc16:156px vc13:118px */
  1615.     left: 175px;
  1616.     height:23px;
  1617. }
  1618.  
  1619. #moveDown {
  1620.     position:absolute;
  1621.     top: 189px; /* vc16:156px vc13:118px */
  1622.     left: 212px;
  1623.     height:23px;
  1624. }
  1625.  
  1626. #removePlace {
  1627.     position:absolute;
  1628.     top: 223px; /* vc16:190px vc13:152px */
  1629.     left: 175px; /* 175px 165px 15px */
  1630.     height:23px;
  1631. }
  1632.  
  1633. #otherButton {
  1634.     position:absolute;
  1635.     bottom: 47px;
  1636.     /* top: 247px; vc13 */
  1637.     left: 18px;
  1638.     /* right: 98px; */
  1639.     height:23px;
  1640. }
  1641.  
  1642. #doneButton {
  1643.     position:absolute;
  1644.     bottom: 47px;
  1645.     /* top: 247px; vc13 */
  1646.     right: 20px; /* 18px */
  1647.     height:23px;
  1648. }
  1649.  
  1650. .updateStyle {
  1651.     position:absolute;
  1652.     font-family: "Helvetica Neue";
  1653.     font-size: 11px;
  1654.     left: 30px;
  1655.     width: 220px;
  1656.     color:white;
  1657. }
  1658.  
  1659. .checkStyle {
  1660.     font-family: "Helvetica Neue";
  1661.     font-size: 11px;
  1662.     color:white;
  1663. }
  1664.  
  1665. #tallCheckbox {
  1666.     height: 26px;
  1667.     margin-top: 4px;
  1668.     /*
  1669.     border-style: dotted;
  1670.     border-color: fuchsia;
  1671.     border-width: 1px;
  1672.     */
  1673. }
  1674.  
  1675. #changeInMinutesText {
  1676.     /*
  1677.     border-style: dotted;
  1678.     border-color: fuchsia;
  1679.     border-width: 1px;
  1680.     */
  1681.     float: right;
  1682.     margin-left: -12px;
  1683.     width: 200px;
  1684.     /* height: 28px; */
  1685. }
  1686.  
  1687. .checkTextStyle {
  1688.     text-align: left;
  1689.     
  1690.     cursor: default;
  1691.     pointer-events: none;
  1692. }
  1693.  
  1694.  
  1695. .radioTextStyle {
  1696.     text-align: left;
  1697.     margin-left: 12px;
  1698.     
  1699.     cursor: default;
  1700.     pointer-events: none;
  1701. }
  1702.  
  1703.  
  1704. #extendedHoursPhraseTitle {
  1705.     margin-top: -12px; /* vc18:-6px vc16:-12px */
  1706.     margin-bottom: 4px;
  1707.     margin-left: 2px;
  1708.     font-weight: bold;
  1709. }
  1710.  
  1711. #optionsDiv {
  1712.     position:absolute;
  1713.     /*
  1714.     border-style: dotted;
  1715.     border-color: fuchsia;
  1716.     border-width: 1px;
  1717.     */
  1718.     top: 26px; /* vc16:22px 24px 114px */
  1719.     left: 30px;
  1720.     width: 220px;
  1721. }
  1722.  
  1723. #updateTitle {
  1724.     top: 197px; /* vc16:162px 154px vc13:112px */
  1725.     font-size: 12px;
  1726.     font-weight: bold;
  1727. }
  1728.  
  1729. #updateCheckDiv {
  1730.     position:absolute;
  1731.     top: 211px; /* vc16:176px 170px vc13:128px */
  1732.     left: 30px;
  1733. }
  1734.  
  1735. /*
  1736. #timeFormatText {
  1737.     text-align: left;
  1738.     
  1739.     cursor: default;
  1740.     pointer-events: none;
  1741. }
  1742.  
  1743. #checkAutoText {
  1744.     text-align: left;
  1745.     
  1746.     cursor: default;
  1747.     pointer-events: none;
  1748. }
  1749. */
  1750.  
  1751. #checkNowButton {
  1752.     margin-left: 18px;
  1753. }
  1754.  
  1755. #updateResult {
  1756.     position:absolute;
  1757.     top: 235px; /* vc16:200px 196px vc13:154px */
  1758.     left: 30px;
  1759. }
  1760.  
  1761. #swUpdateResult {
  1762.     font-weight: bold;
  1763.     position:absolute;
  1764.     width: auto;
  1765.     /* color: rgb(200, 200, 200); */
  1766. }
  1767.  
  1768. #swUpdateMessage {
  1769.     margin-top: 1px;
  1770.     margin-left: 45px;
  1771.     position:absolute;
  1772.     width: 170px;
  1773. }
  1774.  
  1775. .productStyle {
  1776.     cursor: pointer;
  1777.       
  1778.       text-align: center;
  1779.     position: absolute;
  1780.  
  1781.     font-family: "Helvetica Neue";
  1782.     color: #ffffff;
  1783.  
  1784.       text-align: center;
  1785.     position: absolute;
  1786.  
  1787.     /* white-space:nowrap; */
  1788.     letter-spacing: 0.1em;
  1789.     
  1790.     /*
  1791.     border-style: ridge;
  1792.     border-color: rgb(150,150,150);
  1793.     border-width: 1px;
  1794.     */ 
  1795.     
  1796.     left: 12px; /* 78px 30px */
  1797.     height: auto;
  1798.     width: 110px;
  1799. }
  1800.  
  1801. #productName {
  1802.     text-shadow: #666666 0px -1px 1px;
  1803.       font-weight: bold;
  1804.     font-size: 18px;
  1805.     
  1806.     bottom: 88px;
  1807.     /* top: 206px; vc13 */
  1808. }
  1809.  
  1810. #productInfo {
  1811.     font-family: "Lucida Grande";
  1812.     font-size: 9px;
  1813.     color: #0000FF;
  1814.     text-decoration: underline;
  1815.  
  1816.     bottom: 79px;
  1817.     /* top: 226px; vc13 */
  1818. }
  1819.  
  1820. #version {
  1821.     font-size: 9px;
  1822.     font-family: "Lucida Grande";
  1823.       color: #ffffff; /* rgb(240,240,240);  /* de-emphasizedText */
  1824.  
  1825.     position: absolute;
  1826.       text-align: left;
  1827.     
  1828.     bottom: 97px;
  1829.     /* top: 208px; vc13 */
  1830.     left: 122px;
  1831.     width: auto;
  1832. }
  1833.  
  1834. #newVersionText {
  1835.     cursor: pointer;
  1836.     font-size: 9px;
  1837.     font-family: "Lucida Grande";
  1838.     color: #0000FF;
  1839.     text-decoration: underline;
  1840.  
  1841.     position: absolute;
  1842.  
  1843.     /* border-style: solid;
  1844.     border-color: white;
  1845.     border-width: 1px; */
  1846.  
  1847.     bottom: 74px;
  1848.     /* top: 220px; vc13 */
  1849.     left: 130px;
  1850.     width: 128px;
  1851. }
  1852.  
  1853. .velaText {
  1854.     color: #ffffff;
  1855.     /* color: #252525; */
  1856.  
  1857.       text-align: center;
  1858.     position: absolute;
  1859.  
  1860.     font-size: 9px;
  1861.     font-family: "Lucida Grande";
  1862.     /* white-space:nowrap; */
  1863.     letter-spacing: 0.1em;
  1864.  
  1865.     width: 276px;
  1866.     height: auto;
  1867. }
  1868.  
  1869. #companyName {
  1870.     bottom: 29px;
  1871.     /* top: 275px;  258px 235px */
  1872.     left: 0px;
  1873. }
  1874.  
  1875. #copyright {
  1876.     bottom: 18px;
  1877.     /* top: 287px;  270px 247px */
  1878.     left: 0px;
  1879. }
  1880.  
  1881.  
  1882.